﻿<template>
    <div class="todo-header">
        <input type="text" placeholder="请输入你的任务名称,按回车确认" />
    </div>
</template>

<script>
    export default{
        name: 'MyHeader',
        components:{},
    }
</script>

<style scoped>
    .todo-header{
        position: absolute;
        left: 10px;
        top: 10px;
    }
    .todo-header input{
        width: 275px;
        height: 30px;
    }
    .todo-header input:focus{
        outline: none;
        border-color: rgba(82,168,236,0.8);
        box-shadow: 0 1px 1px rgba(0,0,0,0.075) 0 0 8px rgba(82,168,236,0.6);
    }
</style>